<template>
	<div class="pc_My">
		<div class="pc_My2">
			<div style="width:30%;border: solid  1px burlywood;">
				<div style="width: 100%;height: 3.5rem;">
					<img style="width: 100%;height: 100%;border-radius: 50%;" :src="`http://127.0.0.1/api/public/showimg/${pic}`" />
				</div>
				<div style="width: 100%;height: 3.5rem;border: solid  1px burlywood;"><router-link :to="`my/updatePwd`">密码修改</router-link> </div>
				<div style="width: 100%;height: 3.5rem;border: solid  1px burlywood;"><router-link :to="`my/updatePic`">个人头像修改</router-link></div>
				<div style="width: 100%;height: 3.5rem;border: solid  1px burlywood;"><router-link :to="`my/updateTxt`">个人信息修改</router-link></div>
				<div style="width: 100%;height: 3.5rem;border: solid  1px burlywood;"><router-link>我的评论</router-link></div>
			</div>
			<div  style="width: 70%;"><router-view></router-view></div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				user: {},
				pic:''
			}
		},
		methods: {
			info() {
				this.$get("/api/user/info")
					.then((resp) => {
						// this.user = resp.data.data;
						this.pic=resp.data.data.img
						console.log(resp.data.data)
					})
			}
		},
		mounted() {
			this.info();
		}
	}
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	.pc_My {
		width: 100%;
	}

	.pc_My2 {
		display: flex;
		width: 60%;
		margin: auto;
	}
</style>